<template>
    <div class="logs">
        <ul v-if="LogData.length !== 0">
            <li v-for="v in LogData" :key="v.sum">
                <span>{{ v.content }}</span>
                <span>{{ v.time }}</span>
            </li>
        </ul>
        <el-empty :image="noTask" description="暂无数据" class="noDetail" v-else />
    </div>
</template>

<script lang='ts' setup>
import { ref, computed, watch } from 'vue'
import { cloneDeep } from "lodash";
import { useRenderIcon } from "@/components/ReIcon/src/hooks";
import noTask from '@/assets/images/data.png'

import { Search } from '@element-plus/icons-vue'
import AddFill from "@iconify-icons/ri/add-circle-line";


const props = defineProps({
    AgvData: {
        type: Array<any>,
        required: true,
        default: [{}]
    },
    LogData: {
        // 类型为对象
        type: Array<any>,
        // 必填项
        required: true,
        // 默认值为空对象
        default: []
    }
})





</script>

<style lang="scss" scoped>
.logs {
    padding-top: 10px;
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;

    &::-webkit-scrollbar {
        width: 2px;
        background-color: #F5F5F5;
    }

    /*定义滚动条轨道
    内阴影+圆角*/
    &::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #001529;
    }

    /*定义滑块
    内阴影+圆角*/
    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #044e97;
    }

    ul {
        li {
            display: block;
            font-size: 13px;
            color: white;
            line-height: 25px;
            font-family: 'KaiTi';
            border-bottom: 1px dashed #5a9cf8;

            &::after {
                content: "";
                display: block;
                clear: both;
                // color: #a6290c;
            }

            span {
                &:nth-last-child(1) {
                    display: inline-block;
                    float: right;
                    color: #5a9cf8;
                }
            }
        }
    }
}
</style>